.city_select {
    height: 35px;
    display: flex;

    .city_select_search {
        flex: 1;
        background: #fff;
        display: flex;
        border-radius: 10px;
        overflow: hidden;
        border: 1px solid #ccc;

        .city {
            width: 60px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-right: 1px dashed #ccc;
        }

        .city_input {
            flex: 1;
            position: relative;

            .city_input_icon {
                position: absolute;
                top: 50%;
                left: 10px;
                transform: translateY(-50%);
                font-size: 16px;
                color: #666;
            }

            input {
                width: 100%;
                height: 100%;
                border: none;
                outline: none;
                padding-left: 30px;
                font-size: 12px;

            }
        }
    }

    .city_select_icon {
        padding: 15px;
        display: flex;

        z-index: 1;
        // background-color: #000;
        justify-content: center;
        align-items: center;

        .city_select_icon_inner {
            font-size: 28px;
            color: #fff;
        }




    }
}